<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<title>产品管理</title>
<meta name="decorator" content="default" />
<script type="text/javascript" src="/jeesite/static/jquery-tablesorter/jquery.tablesorter.js"></script>
<link href="/jeesite/static/jquery-tablesorter/themes/blue/style.css" rel="stylesheet" type="text/css" > 
<script type="text/javascript">

	$(document).ready(function() {
		 $("#contentTable").tablesorter();
	});
	function page(n, s) {
		$("#pageNo").val(n);
		$("#pageSize").val(s);
		$("#searchForm").submit();
		return false;
	}
	
	
</script>

</head>
<body>
	
	<!-- modelAttribute="product" -->
	
		<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}" />
		<input id="pageSize" name="pageSize" type="hidden"
			value="${page.pageSize}" />
	<sys:message content="${message}" />
	<table id="contentTable"
		class="table table-striped table-bordered table-condensed tablesorter">
		<thead>
			<tr>
				<th>操作类型</th>
				<th>操作数量</th>
				<th>领用人</th>
				<th>领用时间</th>
				<th>备注</th>
				<th>操作人</th>
			</tr>
		</thead>
		<tbody>
			<c:forEach items="${page.list}" var="componentRecord">
				<tr>
					<c:if test="${componentRecord.recordOperateType=='1'}">
					<td>出库 </td>
					<td ><font color="red">&#45;${componentRecord.recordOperateNum}</font></td>
					</c:if>
					<c:if test="${componentRecord.recordOperateType=='0'}">
					<td >入库 </td>
					<td><font color="green">&#43;${componentRecord.recordOperateNum}</font></td>
					</c:if>
					
					<td>${componentRecord.recordUsedBy}</td>
					<td><fmt:formatDate value="${componentRecord.createDate}"
							pattern="yyyy-MM-dd HH:mm:ss" /></td>
					<td>${componentRecord.remarks}</td>
					<td>${componentRecord.createBy.name}</td>
					
				</tr>

				<%-- 
					<div id="record_${component.id}" class="modal hide fade" tabindex="-1"
						role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-hidden="true">×</button>
							<h3 id="myModalLabel">${component.name}的出入库记录</h3>
						</div>
						<div class="modal-body">
							<p>
							</p>
						</div>
						<div class="modal-footer">
							<button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
							
						</div>
					</div>
 --%>
			</c:forEach>
		</tbody>
	</table>
	<div class="pagination">${page}</div>
</body>
</html>